<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
	<title>Traffic Light - Blog - {% block title %}{% endblock %}</title>	
	<style type="text/css" media="screen">
		body {
			background-color: #000000; 
			font-size: 12px;
			width: 65%;
			margin: auto;
			border-right: 1px solid #FFFFFF;
			border-left: 1px solid #FFFFFF;
			color: #EEF9CE;
		}
		#head {
			width: 100%;
			overflow: auto;
		}
		#content {
			width: 100%;
			margin: 30px 0 0 0;
		}		

		#head .head {
			margin: 0 20px 20px 0;
			width: 60%;
			border-right: 1px solid #FFFFFF;
			border-bottom: 1px solid #ffffff;
			float: left;
		}
		#head .head .headline h1 {
			font-size: 20px;
			font-weight: 900;
			color: #8C0A89;
			padding: 5px;
		}
		#head .head .description {
			padding: 15px;
		}
		#head .head .description P {
			font-size: small;
			color: #3C0A55;
		}
		#head .actions {
			margin: 10px 0 20px 20px;
			padding: 20px;
			border: 1px solid #FFFFFF;
			border-right: none;
			float: right;
		}
		a:link {
			text-decoration: none;
			color: #9EEA99;
			border: 1px solid #000000;
		}
		a:hover {
			border: 1px solid #EEEE99;
		}
		a:visited {
			border: 1px dotted #EEEE99;
			text-decoration: none;
			color: #9E0A99;
		}
		#footer {
			border-top: 1px solid #FFFFFF;
		}
		#footer .footer {
			float: right;
			font-size: smaller;
		}
	</style>
{% block append_css %}{% endblock %}
</head>
<body>
	<div id="head">
		{% block head %}
			<div class="head">
				<div class="headline">
					<h1>Traffic Light Blog - {% block blogname %}{% endblock %}</h1>
				</div>
				<div class="description">
					<p>{% block blogdesc %}{% endblock %}</p>
				</div>
			</div>
			<div class="actions">
			{% if not user.is_authenticated %}
				<a href="/accounts/login/">Login</a>
				<a href="/accounts/signup/step1">Sign Up</a>
			{% else %}
				<a href="/blogs/{{ user.blog.url_name }}">Your blog home</a>
			{% endif %}
			</div>
		{% endblock %}
	</div>
	<div id="content">
		{% block content %}{% endblock %}
	</div>
	<div id="footer">
		{% block footer %}
			<div class="footer">
				<p>bbsimon 2010 copyright</p>
			</div>
		{% endblock %}
	</div>
</body>

</html>
